 XPages Extension Library Mobile Controls - 「Tab Bar」 |
この記事では、XPages Extension Library Mobile Controls から Tab Bar コントロールを解説します。
|
ShowTable of Contents
Tab Bar コントロールの概説
おもに Tab Bar Button コントロールのコンテナとして使用します。デフォルトでは、モバイルページのバナー(ノーツアプリケーションのアクションバー)のように表示されますので、そこにボタンを配置していきます。
生成されるタグ
このコントロールのタグは xe:tabBar です。
<xe:tabBar id="tabBar1" inHeading="true"
barType="segmentedControl">
<xe:tabBarButton id="tabBarButton1"></xe:tabBarButton>
<xe:tabBarButton id="tabBarButton2"></xe:tabBarButton>
<xe:tabBarButton id="tabBarButton3"></xe:tabBarButton>
</xe:tabBar>
Page Heading のプロパティ
|
カテゴリ |
プロパティ |
説明 |
|
基本 |
barType |
"segmentedControl"が指定された際に、Tab Bar Button がひとつの大きなボタンの中に、垂直線で区切られたボタンの集まりのように表示します。 |
|
|
inHeading |
true または false。このオプションを true に指定するとモバイルページの下部ではなく、ヘッダーの直下（ヘッダーの一部として）にこの Tab bar を表示することになります。 |
|